<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta content="text/html; charset=UTF-8" http-equiv="content-type">
    <title>picmid</title>
    <style type="text/css">
.picmid{   width:300px; height:300px; border:1px solid #ccc;line-height: 1; +line-height: 300px;}
.picmid { display: table;text-align: center; }
.picmid .picw{ display: table-cell;vertical-align:middle; }
.picmid .mid{_margin-top:expression((this.parentNode.parentNode.clientHeight - this.height )/2);}
        /**
         width:expression(this.clientWidth < 779? "735px": "95%" );
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
width: expression(this.width > 100 && this.width > this.height ? 100 : auto); height: expression(this.height > 100 ? 100 : auto);
        */
    </style>

</head>
<body>

<div class="picmid">
    <span class="picw"><img class="mid" src="http://img.topit.me/m/201010/21/12876584894238.jpg" alt=""></span>
</div>
 

</body>
</html>